<template>
  <div class="page" data-name="catalog">
      <!-- <div class="navbar">
          <div class="navbar-inner sliding">
              <div class="left">
                  <a href="#" class="link back">
                      <i class="icon icon-back"></i>
                      <span class="ios-only">返回</span>
                  </a>
              </div>
              <div class="title">表格</div>
          </div>
      </div>   -->
    <div class="navbar">
      <div class="navbar-inner sliding">
        <div class="title">Catalog</div>
      </div>
    </div>
    <div class="page-content">
      <div class="list links-list">
        <ul>
          {{#each products}}
            <li><a href="/table/">{{title}}</a></li>
          {{/each}}
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
    return {
        data: function() {
            return {
                products: this.$root.products,
            };
        }
    };
</script>